<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的消息</title>
    <link rel="stylesheet" type="text/css" href="style/main.css">
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
    <div class="index_header">
        <div class="center">
            <div class="logo"><a href="javascript:">培育计划申报</a></div>
            <div class="state">
                <span>
                    <a href="javascript:">
                        <img src="images/portrait.jpg">李华
                    </a>
                    <ul>
                        <li><a href="javascript:">个人信息</a></li>
                        <li><a href="javascript:">我的消息</a></li>
                        <li><a href="javascript:">修改密码</a></li>
                        <li><a href="javascript:">清除缓存</a></li>
                    </ul>
                </span>
                <span><a  href="javascript:">退出</a></span>
            </div>
        </div>
    </div>
    <div class="index_main">
        <div class="infor">
            <div class="center">
                <div class="po_img"><img src="images/portrait.jpg"></div>
                <div class="content">
                    <div class="name">李华</div>
                    <p class="school">
                        <span>广东石油化工学院</span>
                        <span>网络工程</span>
                    </p>
                    <p class="contact">
                        <span>158****7035</span>
                        <span>15814917035@163.com</span>
                    </p>
                    <div class="infor_bg">
                        <img src="images/vote_bg2.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="nav">
                <div class="center">
                    <ul>
                        <li>
                            <a href="javascript:">
                                <i></i>
                                <span>我的项目</span>
                            </a>
                        </li>
                        <li class="current">
                            <a href="javascript:">
                               <i></i>
                                <span>我的消息</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:">
                                <i></i>
                                <span>个人设置</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="message">
                <div class="center">
                    <div class="l">
                        <ul>
                            <li class="current">
                                <div class="join">加入信息</div>
                                <p>
                                    <span>linsenyuan</span>已经接受你的邀请，成为你的团队队员。
                                </p>
                                <div class="date">2018-5-21</div>
                            </li>
                            <li>
                                <div class="join">加入信息</div>
                                <p>
                                    <span>郑景星</span>已经接受你的邀请，成为你的团队队员。
                                </p>
                                <div class="date">2018-5-10</div>
                            </li>
                            <li>
                                <div class="join">审核信息</div>
                                <p>
                                    项目审核通过。
                                </p>
                                <div class="date">2018-5-1</div>
                            </li>
                        </ul>
                        <div class="page">
							<div>
								<span class="disabled">共14条记录 2/3页</span>
								<a href="javascript:">上一页</a>
								<span class="cur">1</span>
								<a href="javascript:">2</a>
								<a href="javascript:">3</a>
								<a href="javascript:">下一页</a>
							</div>
                    	</div>
                    </div>
                    <div class="r">
                    	<div class="get_date">2018-5-21</div>
                    	<p>linsenyuan已经接受你的邀请，成为你的团队队员。linsenyuan已经接受你的邀请，成为你的团队队员。linsenyuan已经接受你的邀请，成为你的团队队员。linsenyuan已经接受你的邀请，成为你的团队队员。linsenyuan已经接受你的邀请，成为你的团队队员。linsenyuan已经接受你的邀请，成为你的团队队员。linsenyuan已经接受你的邀请，成为你的团队队员。linsenyuan已经接受你的邀请，成为你的团队队员。linsenyuan已经接受你的邀请，成为你的团队队员。linsenyuan已经接受你的邀请，成为你的团队队员。</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="link">
            <a>友情链接：</a>
            <a href="javascript:">学院概况</a><span></span>
            <a href="javascript:">政策法规</a><span></span>
            <a href="javascript:">服务平台</a><span></span>
            <a href="javascript:">下载专区</a><span></span>
            <a href="javascript:">联系我们</a><span></span>
            <a href="javascript:">后台管理</a>
        </div>
        <div class="msg">
            <p>地址：广东省茂名市茂南区官渡二路139号广东石油化工学院</p>
            <p>联系电话：13900000 <span>邮箱：12455@163.com</span></p>
        </div>
        <span>©2017  广东石油化工学院创新创业学院  版权所有</span>
    </div>
    <script type="text/javascript">
    	$(function(){
    		$(".l ul li").click(function(){
    			$(this).siblings('li').removeClass('current');
	        	$(this).addClass('current');
	        	var con = $(this).find("p").text();
	        	var date = $(this).find(".date").text();
	        	$(".r").find("p").text(con);
	        	$(".r").find(".get_date").text(date);
    		});
    	});
    </script>
</body>
</html>